<!DOCTYPE html>
<html lang="br">
<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />
	<title>Condomínio Madre Paulina</title>
	<link rel="shortcut icon" type="image/x-icon" href="images/testeicone1.png" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css' />
	
	<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
		<script src="js/modernizr.custom.js"></script>
	<![endif]-->
	<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
	<div id="wrapper">
		
		<!-- top-nav -->
		<nav class="top-nav">
			<div class="shell">
				<a href="#" class="nav-btn">HOMEPAGE<span></span></a>
				<span class="top-nav-shadow"></span>
				<ul>
					<li class="active"><span><a href="#">home</a></span></li>
					<li><span><a href="#">services</a></span></li>
					<li><span><a href="#">fotos</a></span></li>
					<li><span><a href="#">mural</a></span></li>
					<li><span><a href="#">regras</a></span></li>
					<li><span><a href="#">contatos</a></span></li>
					<li><span><a href="login.html">login</a></span></li>
				</ul>
			</div>
		</nav>
		<!-- end of top-nav -->
			<!-- header -->
			<header  id="header">
				<!-- shell -->
				<div class="shell">
					<div class="header-inner">
						<!-- header-cnt -->
						<div class="header-cnt">
							<h1 id="logo"><a href="images/teste-1.png">Simple</a></h1>		
							<p>
								<span class="mobile">Condominio Madre Paulina.</span>
								<span class="desktop"> Segundo Paragrafo.</span>
							</p>
							<a href="#" class="blue-btn">Fotos</a>
						</div>
						<!-- end of header-cnt -->
						<!-- slider -->
						<div class="slider-holder">
							<div class="flexslider">
								<ul class="slides">
									<li><img src="images/slide-img.jpg" alt="" /></li>
								
									<li><img src="images/slide-img2.jpg" alt="" /></li>

									<li><img src="images/slide-img3.jpg" alt="" /></li>

									<li><img src="images/slide-img.jpg" alt="" /></li>

									<li><img src="images/slide-img2.jpg" alt="" /></li>
								</ul>
							</div>
						</div>
						<!-- end of slider -->
						<div class="cl">&nbsp;</div>
					</div>
					<div class="cl">&nbsp;</div>
				</div>
				<!-- end of shell -->	
			</header>
			<!-- end of header -->
			<!-- main -->
			<div class="main">
				<span class="shadow-top"></span>
				<!-- shell -->
				<div class="shell">
					<div class="container">
						<!-- testimonial -->
						<section class="testimonial">
							<h2>Condominio Madre Paulina um lurar ideal para morar</h2>
							<p><strong>“</strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. <span class="mobile">Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu tempus ut, mollis et libero"</span></p>
						</section>
						<!-- testimonial -->

						<section class="blog">
							<!-- content -->
							<div class="content">
								<img src="images/i-img.png" alt=""  class="alignleft"/>
								<div class="cnt">
									<h3>We Guarantee Commitment &amp; Quality</h3>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum consequat. Nam leo libero, scelerisque tincidunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque. Praesent purus eros, egestas eu temp</p>
									<ul>
										<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
										<li><a href="#">Cras molestie condimentum consequat. </a></li>
										<li><a href="#">Nam leo libero, scelerisque tincidunt commodo id</a></li>
										<li><a href="#">Dae molestie condimentum consequat dolor</a></li>
									</ul>
								</div>
							</div>
							<!-- end of content -->

							<!-- sidebar -->
							<aside class="sidebar">
								<!-- widget -->
								<div class="widget">
									<h3>Latest Blog Posts</h3>
									<ul>
										<li>
											<div class="img-holder">
												<a href="#"><img src="images/testeimagem.png" alt="" /></a>
											</div>
											
											<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em class="mobile"> idunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque praesent purus </em> </a><span>02.02.2012</span></a> </p>
										</li>
										<li>
											<div class="img-holder">
												<a href="#"><img src="images/post-img2.png" alt="" /></a>
											</div>
											<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em class="mobile"> idunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque praesent purus </em> </a><span>01.02.2012</span></a> </p>
										</li>
										<li>
											<div class="img-holder">
												<a href="#"><img src="images/post-img3.png" alt="" /></a>
											</div>
											<p>
											<a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em class="mobile"> idunt commodo id, hendrerit vitae orci. Suspendisse eget nibh turpis. Sed at accumsan neque praesent purus </em> 
											<span>30.01.2012</span></a></p>
										</li>
									</ul>
									<div class="cl">&nbsp;</div>
								</div>
									<a href="#" class="view">inicio</a>
								<!-- end of widget -->
							</aside>
							<!-- end of sidebar -->
							<div class="cl">&nbsp;</div>
						</section>	
						
						<!-- cols -->
						<section class="cols">
							<div class="col">
								<h3>Tableless Construction</h3>
								<img src="images/cols-img.png" alt="" class="alignleft"/>
								<div class="col-cnt">
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
								</div>
								<a href="#" class="view">View More</a>
							</div>
							<div class="col">
								<h3>We’re Hiring</h3>
								<img src="images/cols-img2.png" alt="" class="alignleft"/>
								<div class="col-cnt">
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
								</div>
								<a href="#" class="view">View More</a>
							</div>
							<div class="col">
								<h3>Our Partners</h3>
								<img src="images/cols-img3.png" alt="" class="alignleft"/>
								<div class="col-cnt">
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
								</div>
								<a href="#" class="view">View More</a>
							</div>
							<div class="cl">&nbsp;</div>
						</section>
						<!-- end of cols -->
					</div>
				<!-- end of shell -->
				</div>
				<!-- end of container -->
			</div>
			<!-- end of main -->
		</div>	
		<!-- footer-push -->
		<div id="footer-push"></div>
		<!-- end of footer-push -->
	
	<!-- end of wrapper -->
	<!-- footer -->
	<div  id="footer">
		<span class="shadow-bottom"></span>
		<!-- footer-cols -->
		<div class="footer-cols">
			<!-- shell -->
			<div class="shell">
				<div class="col">
					<h3><a href="#">Solutions</a></h3>
					<div class="col-cnt">
						<ul>
							<li><a href="#">Lorem lipsum dolor </a></li>
							<li><a href="#">Ame tleo libero dolor</a></li>
							<li><a href="#">Aidpispicing lipsum </a></li>
							<li><a href="#">Commodo id amet </a></li>
							<li><a href="#">Sectetur amet au car </a></li>
						</ul>
					</div>
				</div>
				<div class="col">
					<h3><a href="#">Services</a></h3>
					<div class="col-cnt">
						<ul>
							<li><a href="#">Lorem lipsum dolor </a></li>
							<li><a href="#">Ame tleo libero dolor</a></li>
							<li><a href="#">Aidpispicing lipsum </a></li>
							<li><a href="#">Commodo id amet </a></li>
							<li><a href="#">Sectetur amet au car </a></li>
						</ul>
					</div>
				</div>
				
				<div class="col">
					<h3><a href="#">Fale Conosco</a></h3>
					<div class="col-cnt">
						<p><strong>Email:</strong> <a href="#">sindico@condominiomadrepaulina.com.br</a></p>
						<p><strong>Phone:</strong> 49 3433-0000</p>
						<p><strong>Endereço:</strong> Rua Tenente Antonio João 425, Creative City 9000, Design Email fboscato@gmail.com:<a href="mailto:fboscato@gmail.com" target"_blank"> Fernando Bruno Boscato</a></p>
						<div align=center><a href='http://www.contadormania.com.br'><img src='http://www.contadormania.com.br/img-0A894zw3-10.gif' border='0' alt='contador de visitas'></a><script type='text/javascript' src='http://www.contadormania.com.br/ad.js?id=0A894zw3'></script></div>
	
					</div>
				</div>
				<div class="cl">&nbsp;</div>
			</div>
			<!-- end of shell -->
		</div>
		<!-- end of footer-cols -->
		<div class="footer-bottom">
			<div class="shell">
				<!-- Roda pe-->				
				<p class="copy">&copy; Copyright 2014<span>|</span>Sitename. Design by <a href="mailto:fboscato@gmail.com" target"_blank">Fernando Bruno Boscato</a></p>
			</div>
		</div>
	</div>
	<!-- end of footer -->
</body>
</html>